<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="boot20306/css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col-12">
					<button type="button" class="btn btn-primary">亮蓝色按钮</button>
					<button type="button" class="btn btn-info">浅蓝色按钮</button>
					<button type="button" class="btn btn-secondary">灰色按钮</button>
					<button type="button" class="btn btn-success">绿色按钮</button>
					<button type="button" class="btn btn-danger">红色按钮</button>
					<button type="button" class="btn btn-warning">黄色按钮</button>
					<button type="button" class="btn btn-light">高亮按钮</button>
					<button type="button" class="btn btn-dark">黑色按钮</button>
					<button type="button" class="btn btn-link">按钮</button>
				</div>
			</div>
			<div class="row">
				<div class="col-12">
					<button type="button" class="btn btn-outline-danger btn-lg">按钮边框</button>   //btn-lg代表大按钮
					<button type="button" class="btn btn-outline-warning">按钮边框</button>
					<button type="button" class="btn btn-outline-success btn-sm">按钮边框</button>  //btn-sm代表小按钮
					<button type="button" class="btn btn-outline-info">按钮边框</button>
				</div>
			</div>
			<div class="row">
				<div class="col-12">
					<button type="button" class="btn btn-primary" >按钮</button>
					<button type="button" class="btn btn-primary active" >激活按钮</button>
					<button type="button" class="btn btn-primary disabled" >禁用按钮</button>
				</div>
			</div>
			
			<h3>那些标签可以用来做按钮呢？</h3>
			<div class="row">
				<div>
					<a href="#" class="btn btn-primary">a标签做按钮</a>
					<button type="button" class="btn btn-danger">Button做按钮</button>
					<input type="submit" class="btn btn-warning" value="注册会员"  />
				</div>
			</div>
		</div>
	</body>
</html>
